import { defineComponent } from "vue";

import style from "./index.module.less";

export default defineComponent({
  name: "Page",
  props: {
    padding: {
      type: [Number, String],
    },
    bgColor: {
      type: String,
    },
    /**
     * @description 是否是tabbar页面
     */
    tabbar: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {};
  },

  methods: {},
  render() {
    return (
      <div
        ref={"page"}
        class={[style.page, this.tabbar ? style["tabbar"] : ""]}
        style={{ padding: this.padding, backgroundColor: this.bgColor }}
      >
        {this.$slots.default?.()}
        {/* {this.tabbar&&<div class={style['tabbar--placeholder']}></div>} */}
      </div>
    );
  },
});
